<template>
    <div>
        <div class="header" style="display: flex; align-items: center">
            <div>
                <el-image style="width: 40px; height: 40px" :src="require('../../../assets/img/product.png')"></el-image>
            </div>
            <h3>{{ this.nodeData.name }}</h3>
        </div>
        <el-row>
            <el-tag type="primary">名称:</el-tag>
            <span class="info-span">{{ this.nodeData.name }}</span>
        </el-row>
    </div>
</template>

<script>
export default {
    name: 'ProductCard',
    props: {
        nodeData: {
            type: Object,
            required: true
        }
    }
};
</script>

<style scoped>
.info-span {
    padding: 5px;
}
</style>
